<template>
  <span>
    <b v-if="showst===3">购票</b>
    <b v-else-if="showst===4" class="wish">想看</b>
    <b v-else class="presale">预售</b>
  </span>
</template>

<script>
export default {
  props: ['showst']
}
</script>

<style lang='stylus' scoped>
b
  display inline-block
  width .5rem
  height .3rem
  line-height .3rem
  text-align center
  background-color #cd4e44
  color #fff
  border-radius .06rem
  &.presale
    background-color #69afe5
  &.wish
    background-color #f4b741
    
</style>